<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <title>HTML元数据标签应用示例 | 前端学习笔记</title>
  <meta name="description" content="本文通过实例详解HTML元数据标签的用法，包括字符编码、视口设置、SEO优化等核心知识点。">
  <meta name="keywords" content="HTML元数据, meta标签, 前端开发, SEO优化">
  <meta name="author" content="前端学习者">
  <meta name="robots" content="index, follow">
  <meta property="og:title" content="HTML元数据标签应用指南">
  <meta property="og:description" content="掌握元数据标签，提升页面兼容性与传播效果">
  <meta property="og:image" content="https://example.com/meta-tags.jpg">
  <meta property="og:type" content="article">
  <link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
  <h1>元数据标签应用示例页面</h1>
</body>
</html>